Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / rnode / RNodeBluetoothPanel.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tff7b72<templateTff7b72>

Tff7b72<div

Te6edf3class=Ta5d6ff"border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 rounded-2xl shadow-xl overflow-hidden"

Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"px-4 sm:px-6 py-4 border-b border-gray-100 dark:border-zinc-800 flex items-center gap-2"Tff7b72>

Tff7b72<MaterialDesignIcon Te6edf3icon-name=Ta5d6ff"bluetooth" Te6edf3class=Ta5d6ff"size-5 text-blue-500" Tff7b72/>

Tff7b72<h3 Te6edf3class=Ta5d6ff"font-bold text-gray-900 dark:text-zinc-100"Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.configure_bluetooth"Tff7b72) Tff7b72}}

Tff7b72</h3>

Tff7b72</div>

Tff7b72<div Te6edf3class=Ta5d6ff"p-4 sm:p-6 space-y-4"Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"grid grid-cols-2 sm:grid-cols-3 gap-2"Tff7b72>

Tff7b72<button Te6edf3class=Ta5d6ff"rnf-action-btn" @Te6edf3click=Ta5d6ff"$emit('action', 'enable-bluetooth')"Tff7b72>

Tff7b72<MaterialDesignIcon Te6edf3icon-name=Ta5d6ff"bluetooth-connect" Te6edf3class=Ta5d6ff"size-4" Tff7b72/>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.enable"Tff7b72) Tff7b72}}

Tff7b72</button>

Tff7b72<button Te6edf3class=Ta5d6ff"rnf-action-btn" @Te6edf3click=Ta5d6ff"$emit('action', 'disable-bluetooth')"Tff7b72>

Tff7b72<MaterialDesignIcon Te6edf3icon-name=Ta5d6ff"bluetooth-off" Te6edf3class=Ta5d6ff"size-4" Tff7b72/>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.disable"Tff7b72) Tff7b72}}

Tff7b72</button>

Tff7b72<button

Te6edf3class=Ta5d6ff"rnf-action-btn col-span-2 sm:col-span-1 bg-blue-500 text-white! border-none! hover:bg-blue-600"

@Te6edf3click=Ta5d6ff"$emit('action', 'pair-bluetooth')"

Tff7b72>

Tff7b72<MaterialDesignIcon Te6edf3icon-name=Ta5d6ff"key-link" Te6edf3class=Ta5d6ff"size-4" Tff7b72/>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.start_pairing"Tff7b72) Tff7b72}}

Tff7b72</button>

Tff7b72</div>

Tff7b72<p Te6edf3class=Ta5d6ff"text-[10px] text-gray-400 dark:text-zinc-500 leading-relaxed uppercase tracking-wider"Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.bluetooth_restart_warning"Tff7b72) Tff7b72}}

Tff7b72</p>

Tff7b72</div>

Tff7b72</div>

Tff7b72</template>

Tff7b72<scriptTff7b72>

import MaterialDesignIcon from "../MaterialDesignIcon.vue";

export default {

name: "RNodeBluetoothPanel",

components: { MaterialDesignIcon },

emits: ["action"],

};

Tff7b72</script>

Tff7b72<style scopedTff7b72>

@reference "../../style.css";

.rnf-action-btn {

@apply inline-flex items-center justify-center gap-1.5 rounded-xl bg-gray-100 dark:bg-zinc-800 hover:bg-gray-200 dark:hover:bg-zinc-700 px-3 py-2.5 text-[11px] font-bold text-gray-700 dark:text-zinc-300 border border-gray-200 dark:border-zinc-700 transition-all active:scale-95;

}

Tff7b72</style>